<!DOCTYPE HTML>
<html>
    <head lang="zh-CN">
        <meta charset="UTF-8">
        <title>掌上阅读（书籍详情）</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- 设置初始缩放比例为1.0，使用设备宽度  -->
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
        <!-- 在iOS下开启全屏模式  -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <!-- 隐藏 Sarafi 状态栏  -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="/public/img/images/icon/xd.ico" rel="shortcut icon" />
        <link href="/public/css/comment/wapReset.css" rel="stylesheet"/>
        <link rel="stylesheet" type="text/css" href="/public/css/comment/header_top.css">
        <link rel="stylesheet" type="text/css" href="/public/css/comment/homepage_list.css">
        <link rel="stylesheet" type="text/css" href="/public/css/read_Info.css">
        <link rel="stylesheet" type="text/css" href="/public/css/comment/messageInfo.css">
        <script src="/public/js/rem/rem.js"></script>
    </head>
    <body scroll="no">
        <div class="chooseSection">
            <div class="sectionHead">
                <img src="/public/img/images/tabbar-back.png">
                选择章节
                <span>
                    全选
                </span>
            </div>
            <ul class="sectionCont">
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href=" ">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                </ul>
            <div class="sectionFoot">
                <p>
                    <span>已选<i>0</i>章/共<i>0</i>阅币</span>
                    <a href=" ">余额：<i>0</i>阅币</a >
                </p >
                <span>
                    订 阅
                </span>
            </div>
        </div>
        <header>
            <div class="down_app return_back">
                <img src="/public/img/images/tabbar-back.png">
            </div>
            <div class="logo">
                书籍详情
            </div>
            <div class="search">
                <img src="/public/img/images/tabbar-search.png" alt=""  class="search_hot" />
                <img src="/public/img/images/tabbar-my.png" alt="" class="personal" />
            </div>
        </header>
    <content>
        <div class="read_cover">
            <img src="<?php echo $data['novel_cover'];?>">
            <div>
                <h2><?php echo $data['novel_title'];?></h2>
                <a href="javascript:;">作者 | <?php echo $data['novel_author'];?></a>
                <span><?php echo $data['category'];?></span><span>连载</span>
            </div>
            <ul>
                <li>订 阅</li>
                <li date_init="<?php echo $data['bookcase'] == 2 ? '加入书架' : '已在书架';?>"><?php echo $data['bookcase'] == 1 ? '加入书架' : '已在书架';?></li>
                <li data-chapter="<?php echo $data['read_record']['id']?>"><?php echo $data['read_record']['type'] == 1 ? "继续阅读" : "立即阅读";?></li>
            </ul>
        </div>
        <div class="summary">
            <p>
                <img src="/public/img/images/dou_03.jpg"><?php echo $data['novel_introduction'];?>
            </p>
        </div>
        <div class="view_list">
            查看目录：共<?php $data['novel_chapter'] = $data['novel_chapter'] > 0 ? $data['novel_chapter']:0; echo $data['novel_chapter'];?>章
            <img src="/public/img/images/btn-右箭头.png" alt="查看更多">
        </div>
        <div class="homepage_list">
            <h2>
                <a href="javascript:;">精品推荐</a>
                <span>更多 <img src="/public/img/images/btn-turnRight.png"></span>
            </h2>
            <?php foreach($data['recommend']['list'] as $n):?>
            <li data-novel="<?php echo $n['novel_id'];?>">
                <img src="<?php echo $n['novel_cover'];?>">
                <div>
                    <h4><?php echo $n['novel_title'];?></h4>
                    <h6><?php echo $n['novel_introduction'];?></h6>
                    <p>
                        <span>作者 <?php echo $n['novel_author'];?></span>
                        <a href="javascript:;"><?php echo $n['novel_type'];?></a>
                        <a href="javascript:;"><?php echo $n['novel_category'];?></a>
                    </p>
                </div>
            </li>
            <?php endforeach;?>
        </div>
<!--        <footer>
            下载 享点阅读 APP 
        </footer>-->
    </content>
    <div class="message_Info">
        <p class='lonely'></p>
    </div>
</body>
<script type="text/javascript">
    var novelid = "<?php echo $data['novel_id'];?>";
</script>
<script type="text/javascript" src="/public/js/jquery1.7.2.js"></script>
<script type="text/javascript" src="/public/js/header.js"></script>
<script type="text/javascript" src="/public/js/read_Info.js"></script>
<script type="text/javascript" src="/public/js/comment.js"></script>
</html>